iOS/App Design2016. 7. 26. 10:40

good


http://ivomynttinen.com/blog/ios-design-guidelines


Posted by HYKo
iOS/App Design2014. 11. 19. 14:17

https://sites.google.com/site/designpttrns/


참고할 자료가 잘 정리되어 있다.


UI Guidelines by OS provider

Design Pattern - Mobile

Showcase - App

Showcase - Mobile Web

Showcase - Website for app

Design Pattern - Web (PC)

Tip & Etc., 

' iOS > App Design' 카테고리의 다른 글

The iOS Design Guidelines  (0) 2016.07.26
ios8 iPhone6 / iPhone6 plus  (0) 2014.09.22
iphone & ipad UI Size  (0) 2012.04.25
Size of iPhone UI Element  (0) 2011.12.07
Posted by HYKo
iOS/App Design2014. 9. 22. 14:20
1) Display

Apple increased the LED screen-size (diagonal) of iPhone 6 and iPhone 6 Plus from 4 inch (of iPhone 5/5C/5S) to 4.7 inch and 5.5 inch respectively. However, the company maintained the tradition of aspect ratio to 16:9 in both the devices. This means that apps designed and developed for iPhone 5 screen can conveniently scale on iPhone 6 and 6 Plus. Besides, with the big screen of iPhone 6 Plus supporting the landscape mode which will be similar to that of the iPad, developers can now think of adding landscape view features to their apps.

iOS 8 Design: Display Specifications  for iPhone 6 and iPhone 6 Plus

 

2) Resolution

As iPhone 6 and iPhone 6 Plus offers resolution of 750×1334 pixels at 326 ppi and 1080×1920 pixels at 401 ppi respectively, Apple has upgraded its status from Retina to Retina HD.

iOS 8 Design: Resolution Specification for iPhone 6 and iPhone 6 Plus

 

3) Iconography

Icons form the most important part of any user experience. Even though iPhone 6 will support same icon dimensions as that of iPhone 5 i.e. 2x pixel size, iPhone 6 Plus  will support 3x pixel size.

iOS 8 Design: Iconography for iPhone 6 and iPhone 6 Plus

 

4) UI Elements

Similar to the icons, UI Elements of iPhone 6 and 6 Plus will also support 2x and 3 x pixel size respectively.

iOS 8 Design: User Interface Specification for iPhone 6 and iPhone 6 Plus

 

5) Typography

With default font continuing to be Helvetica Neue, the font size of iPhone 5 and 6 will remain the same for Navigation Bar Title, Regular Buttons, Table Header and Tab Bar Icon Labels. Besides, the font size and weight will increase in all the elements of iPhone 6 Plus.

iOS 8 Design: Typography Specifications for iPhone 6 and iPhone 6 Plus

Posted by HYKo
iOS/App Design2012. 4. 25. 15:12



Posted by HYKo
iOS/App Design2011. 12. 7. 11:27

Element Size (in pixels)
Window (including status bar) 320 x 480px
Status Bar
(How to hide the status bar)
20 px
View inside window 
(visible status bar)
320 x 460
Navigation Bar 44 px
Nav Bar Image /
Toolbar Image
up to 20 x 20 px (transparent PNG)
Tab Bar 49 px
Tab Bar Icon up to 30 x 30 px (transparent PNGs)
Text Field 31 px
Height of a view inside 
a navigation bar
416 px
Height of a view inside 
a tab bar
411 px
Height of a view inside 
a navbar and a tab bar
367 px
Portrait Keyboard height 216 px
Landscape Keyboard height 140 px
Posted by HYKo